<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        
        .header-hd {
            /* margin: 0 auto; */
            /* width: 700px; */
        }
        
        .index {
            background-color: #ccc;
        }
        
        .index h4 {
            display: inline-block;
        }
        
        .index .right {
            text-align: center;
        }
        
        .index span {
            /* text-align: center; */
            font-size: 22px;
            margin-top: 5px;
        }
        
        .table {
            width: 100%;
            font-size: 17px;
            margin-bottom: 5px;
        }
        
        .table td {
            margin: 0;
            padding: 0;
        }
        
        .yes {
            /* height: 50px; */
            border: 1px solid red;
        }
        
        .yes h4 {
            text-align: center;
            color: red;
        }
        
        .money {
            margin-top: 15px;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="container header-hd">
            <div class="row index">
                <span class="col-xs-4">&lt;</span>
                <h4 class="col-xs-6">钱包充值</h4>
                <span class="col-xs-2 right">&lt;</span>
            </div>

            <table class="table">
                <tbody>
                    <tr>
                        <td>&nbsp;&nbsp;电子钱包充值</td>
                        <td></td>
                        <td></td>

                    </tr>
                    <tr>
                        <td>&nbsp;&nbsp;当前余额 &nbsp;&nbsp;&nbsp;1350</td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td><i style="color:red; padding-right:-5px">*</i>充值金额&nbsp;&nbsp;&nbsp;</td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
            <!-- 确认充值 -->
            <div class="row">
                <div class="yes col-xs-12">
                    <h4>确认充值</h4>
                </div>
            </div>

            <table class="table money">
                <tbody>
                    <thead>
                        <tr>
                            <th class="col-xs-3">ID</th>
                            <th class="col-xs-3">充值金额</th>
                            <th class="col-xs-6">充值时间</th>

                        </tr>
                    </thead>
                    <tr>
                        <td>45</td>
                        <td>45</td>
                        <td>2019-03-0 9:22:33</td>
                    </tr>
                    <tr>
                        <td>45</td>
                        <td>45</td>
                        <td>2019-03-0 9:22:33</td>
                    </tr>
                    <tr>
                        <td>45</td>
                        <td>45</td>
                        <td>2019-03-0 9:22:33</td>
                    </tr>
                </tbody>
            </table>
        </div>


    </div>

</body>

</html>